<template>
<div>
    <h1>{{tit}}</h1>
    <div class="wrap">
        <div class="box" v-for="item in list" :key="item.id">
            <router-link :to="{name:'paly',params:{id:item.id}}" @click="aa(item.id)">
                <img :src="item.videoImg" width="200px" height="130px" alt="" />
                <p>{{ item.videoName }}</p>
            </router-link>
        </div>
    </div>
</div>
    
</template>

<script>
export default {
    props: {
        list: Array,
        tit:String
    },
    data() {
        return {};
    },
    methods: {
        
    },
};
</script>

<style>
.wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 12px;
}
.box {
    width: 200px;
    height: 170px;
    margin-top: 10px;
}
.box p {
    margin-top: 2px;
}
.router-link-active {
  text-decoration: none;
  /* color: yellow; */
}
a{
  text-decoration: none;
  color: pink;
}
</style>